<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/index.css">
    <title>Document</title>
</head>
<body>
    <header class="navbar">
        <div class="navbar-centent">
            <div class="logo">
                <a href="">
                    <img src="./images/logo.svg" alt="Sytech网站建设LOGO" width="84px" height="36px">
                </a>
            </div>
            <div class="nav">
                <ul >
                    <li><a href="">主页</a></li>
                    <li><a href="">关于我们</a></li>
                    <li><a href="">价格</a></li>
                    <li><a href="">建站流程</a></li>
                    <li><a href="">网站建设</a></li>
                    <li><a href="">电商学堂</a></li>
                    <li style="display:flex;"><img src="./images/dh.jpg" alt="" style="margin: auto;width: 30px;height: 20px;"><a href="">020-84808073</a></li>
                    <li><button>联系我们</button></li>
                </ul>
            </div>
        </div>
    </header>

    <div class="hero">
        <div class="hero-left">
            <h1 style="line-height: 40px;">
                外贸建站服务<br>
                WordPress设计与开发
            </h1>
            <p style="line-height: 30px;">   
Sytech科技是全球定制网站建设和谷歌推广的解决方案供应商，专注于WordPress主题设计与插件开发。云集海内外工程师为企业客户提供谷歌推广服务，到目前已有16年WordPress外贸建站经验。
            </p>
            <button>了解更多 →</button>
        </div>
        <div class="hero-rigth">
            <img src="./images/sytech_imagination.svg" alt="">
        </div>
    </div>

    <div class="content">
        <div class="content-main">
            <div class="main1">
                <div class="text">
                    <div style="margin: auto;">
                    <h1 >私人定制型网站</h1>
                    <p >你能想到的功能我们都能为你创造</p>
                    <!-- <div style="display:flex ;"> -->
                    <img src="./images/sz.jpg" alt="">
                    <!-- </div> -->
                    </div>
                </div>
                <div class="text">
                    <h1></h1>
                    <p></p>
                    <img src="./images/sc.jpg" alt="">
                </div>
                <div class="text">
                    <h1></h1>
                    <p></p>
                    <img src="./images/wz.jpg" alt="">
                </div>
                <div class="text">
                    <h1></h1>
                    <p></p>
                    <img src="./images/wh.jpg" alt="">
                </div>
                <div class="text">
                    <h1></h1>
                    <p></p>
                    <img src="./images/yx.jpg" alt="">
                </div>
                <div class="text">
                    <h1></h1>
                    <p></p>
                    <img src="./images/google.jpg" alt="">
                </div>
                <div class="text">
                    <h1></h1>
                    <p></p>
                    <img src="./images/sea.jpg" alt="">
                </div>
                <div class="text">
                    <h1></h1>
                    <p></p>
                    <img src="./images/tg.jpg" alt="">
                </div>
                <div class="text end" >
                    <div style="padding: 0 40px 0 0;">
                        <h1>谷歌官方合作伙伴</h1><br>
                        <p>Sytech是谷歌合作伙伴,在获客渠道方面通过谷歌广告获得良好表现并受谷歌奖励</p>
                    </div>
                    
                    <img src="./images/PartnerBadgeClickable.svg" alt="" style="width: 150px;height: 150px;">
                </div>
            </div>
            <div class="main2">
                <div class="main2-ct">
                    <img src="./images/yq.jpg" alt="">
                    <div class="main2-ct-text">
                        <h1>搜索引擎适配</h1>
                        <p>定制网站的每一细节皆可量身设计，你的想象皆可定制</p>
                    </div>
                    
                </div>
                <div class="main2-ct">
                    <img src="./images/sj.jpg" alt="">
                    <div class="main2-ct-text">
                       <h1>先设计后编程</h1>
                        <p>品牌建站以数据分析结果为依据，设计稿改到满意为止</p> 
                    </div>
                    
                </div>
                <div class="main2-ct">
                    <img src="./images/xt.jpg" alt="">
                    <div class="main2-ct-text">
                        <h1>推广学堂</h1>
                        <p>海外优化师分享15年海外推广经验，推广细节全掌握</p>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <div class="swiper">
        
        <div class="img">
            
            <button id="bt1" style="z-index: 100;"><span> < </span></button>
            <button id="bt2" style="z-index: 100;"><span> > </span></button>      
            <div class="img1">
                <h1>针对Goole页面速度进行优化</h1>
                <img class="c1" src="./images/google_lighthouse.svg" alt="">

            </div>
            
            <div class="img2">
                <h1>针对Goole页面速度进行优化</h1>
                <img class="c2" src="./images/marketplace_connect.svg" alt="">
                
            </div>
        </div>
    </div>

    <div class="content2">
        <div class="content2-jg">
            <div class="text">
                <h1>品牌定制站套餐价格</h1>
                <p>协同产品经理一对一沟通，根据您的行业性质、内容营销及盈利模式提供量身定制的报价</p>
            </div>
            <div class="card">
                <div class="card-img">

                </div>
            </div>
            <div class="main">
                <div class="card1">
                    <div class="box-top"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                </div>
                <div class="card2"></div>
                <div class="card3"></div>
            </div>
        </div>
        <div class="content2-lc">
            <div class="text">
                <h1>网站建设流程</h1>
                <p>具体流程助您的项目实现落地</p>
            </div>
        </div>
        
    </div>

    <div class="content3">
        <div class="title">
            <h1>关于我们</h1>
        </div>
        <div class="box1">
            <div class="box1-logo">
                <img src="./images/logo.svg" alt="">
            </div>
            <div class="box-card">

            </div>
        </div>
        <div class="box2">
            <div class="box2-text">
                <p>Sytech科技品牌，即Synergy Technology Co.,Ltd.，中文全称为广州协同电子科技有限公司，其前身为英国网络品牌Sytech科技技术有限公司。2018年2月总部迁移至广东省广州市，主要涉足定制型品牌网站建设（网络技术开发）。Sytech科技品牌主要有外贸网站建设、网络竞价推广、网站seo和软件技术开发等四种营业方式。</p>
                <br>
                <p>Sytech科技品牌由董事长REMI POTIER先生于2006年于法国巴黎创立，历经15年批发和零售品牌建设客户的验证，已经服务了超过60个跨国品牌，网络用户超过千万人次。</p>
                <button>了解更多&ensp;<span>→</span></button>
            </div>
        </div>
    </div>

    <div class="content4">
        <div class="content4-box1">
            <div class="box1-card">
                <div class="card-img">
                    <img src="./images/a1.jpg" alt="">
                </div>
                <div class="card-text">
                    <h2>不懂代码也能作主</h2>
                    <p>密钥、源码及设计稿件全交付到您的手中，做独立站真正的主人，让您不满意可随时更换运维团队。</p>
                </div>
            </div>
            <div class="box1-card"></div>
            <div class="box1-card"></div>
            <div class="box1-card"></div>
            <div class="box1-card"></div>
            <div class="box1-card"></div>
        </div>
        <div class="content4-box2">
            <div class="box2-title">
                <h1>Sytech电商学堂</h1>
                <p>关于网站建设的原创博客</p>
            </div>
            <div class="box2-card">
                <div class="card"></div>
                <div class="card"></div>
                <div class="card"></div>
            </div>
            <div class="box2-bt">
                <button>了解更多知识</button>
            </div>
        </div>
    </div>
    <div class="content5">
        <div class="text">
            <h1>想要马上开始定制开发您的网站建设？</h1>
            <button>咨询建站</button>
        </div>
        
        <img src="./images/wajs.jpg" alt="">
    </div>
    <footer class="footer">
        <div class="footer-title">
            <div class="title-logo">
                <img src="./images/logo.svg" alt="">
            </div>
            <div class="title-text">
                <h1>专注于定制型网站建设和海外网站建设</h1>
            </div>
        </div>
        <div class="footer-main">
            <ul>
                <h1>网站建设</h1>
                <li>网站建设价格到底是多少钱？</li>
                <li>网站SEO之多平台同步发文</li>
                <li>建设非模板网站</li>
                <li>外贸建站必须启用国际域名</li>
                <li>详解网站建设中如何创作优秀的落地页</li>
                <li>外贸建站必读，网易企业邮箱免费版注册和使用详细指南</li>
                <li>自学谷歌推广的成功经验分享</li>
            </ul>
            <ul>
                <h1>网站市场营销</h1>
                <li>外贸电商获客不完全指南</li>
                <li>如何开展有效的谷歌竞价广告？</li>
                <li>谷歌广告开户二三事</li>
                <li>关于B2B独立站的内容营销报告</li>
                <li>B2B网站建设终极手册</li>
                <li>WordPress开发的网站建设有哪些技术上限</li>
                <li>网站SEO之落地页转化指南</li>
            </ul>
            <ul>
                <h1>联系我们</h1>
                <li>广州市番禺区洛浦街东乡村南桂路2号丽阁商务中心四楼403</li>
                <li>020-84808073</li>
                <div class="footer-img">
                    <img src="./images/astro_footer.svg" alt="">
                </div>
                
            </ul>
        </div>
        <div class="bq">
            <p>© Sytech-web.cn 2021 • 粤ICP备19029170号广州协同电子科技有限公司</p>
        </div>
    </footer>
</body>
</html>